<template>
  <order-list  :status="3" :onOrderClick="onOrderClick"
              >
    <template #footer="slotProps"  >
     <no-delivery-footer :order="slotProps.order"/>
    </template>
  </order-list>

</template>

<script>
import OrderList from '../../components/OrderList'
import NoDeliveryFooter from '../../components/NoDeliveryFooter'

export default {
  name: 'NoDelivery',
  components: {NoDeliveryFooter, OrderList},
  data () {
    return {
      refreshing: false,
      loading: false,
      finished: false
    }
  },
  methods: {
    onOrderClick (item) {
      this.$router.push({name: 'NoDelivery', params: {orderId: item.id}})
    }
  }
}
</script>

<style scoped>

</style>
